<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>登录</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>
	<link rel="stylesheet" type="text/css" href="../css/login.css"/>
	<style>
		body{background: white;}
		.mui-content{background: white;}
		/*头部*/		
		.login_top{text-align: center;padding: 12% 15px;margin-top: 1em;}		
		.login_top img{width: 70px;height: 70px;border-radius: 12px;}		
		.mui-table-view-cell{padding: 5px 0;}				
		.pasw{padding: 15px 20px;font-size: 14px;}	
		#login-form{padding: 0 20px;}
		#login-form .mui-table-view{background: none;}
		/*其他登录方式*/		
		.A-lin{width: 100%;padding: 10% 25%;display: inline-block;text-align: center;}
		.A-lin h5{padding: 11px 0;font-size: 16px;}		
		.A-lin img{width: 30px;height: 26px;}					
	</style>
</head> 
<body>
	<div class="mui-content">
		<div class="login_top">
			<img class="member_avatar" src="../doc/pic_img.jpg"/>
		</div>	
		<div id='login-form'>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row phon">
						<label class="blus1"><i class="iconfont mui-icon">&#xe62a;</i></label>						
						<input type="number" class="phone" placeholder="手机号"/>					
					</div>	
				</div>					
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row passw">
						<div class="mui-col-xs-8 mui-pull-left">
							<label class="blus2" style="width: 28%;"><i class="iconfont mui-icon">&#xe618;</i></label>						
							<input style="width: 72%;" type="password" class="pass" placeholder="密码"/>
						</div>
						<div class="mui-col-xs-4 mui-pull-left" onclick="openNewPage('Password.html')">					
							<span style="line-height: 49px;">忘记密码？</span>
						</div>
					</div>	
				</div>					
			</div>	
			<div class="res_pasw">			
				<button type="button">登录</button>			
			</div>
		</div>	
		<div class="conten" onclick="openNewPage('Registered.html')">
			<span class="gray">没有账号？前往注册</span>
		</div>
		<div class="A-lin">
	      <h5>其他方式登录</h5>
	      <div class="mui-col-xs-4 mui-pull-left weixinlogin">
	        <img src="../public/cache/wx.png"/>      
	      </div>
	      <div class="mui-col-xs-4 mui-pull-left qqlogin">
	        <img src="../public/cache/qq.png"/>        
	      </div>
	      <div class="mui-col-xs-4 mui-pull-left sinalogin">
	        <img src="../public/cache/wb.png"/>      
	      </div>  
	    </div>
	</div>
</body>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B58QVrfpCwUPxY8h11UoWADPoUe2aPyY"></script>
<div id="allmap"></div>-->
<script type="text/javascript" src="../libs/mui/mui.js"></script>
<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script type="text/javascript" src="../js/open.js"></script>
<script type="text/javascript" src="../js/web_js/public.js"></script>
<script type="text/javascript" src="../js/web_js/login.js"></script>
</html>
